<template>
	<div>
		<div class="overlay">
			<div class="overlay-content scrolling">
				<van-nav-bar title="地址本" left-text left-arrow @click-left="$router.push()" @click-right="$router.push()">
					<van-icon name="plus" style="color:#333333" size="22" slot="right" />
				</van-nav-bar>

				<div class="tft">
					<img class="txing" src="../../assets/images/txing.png" alt />
					<div class="tftright">
						<span class="tftzi">TFT</span>
						<p>
							sdhhufwqif
							<!-- <span>0</span> -->
						</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {};
</script>

<style lang="less" scoped>
	.van-nav-bar {
		.van-nav-bar__title {
			font-size: 15px;
			color: #333333;
		}
		.van-icon {
			font-size: 18px;
			color: #333333 !important;
		}
	}
	
	.van-nav-bar {
		background-color: #fbfcfd;
	}
	
	.tft::before {
		content: "";
		position: absolute;
		width: 100%;
		bottom: 0;
		border-bottom: 1px solid #f5f6f7;
		left: 25px;
	}
	
	.tft {
		height: 60px;
		display: flex;
		position: relative;
		// border-bottom: 1px solid #ebedf0;
		// width: 350px;
		// margin-left: 25px;
		.txing {
			display: inline-block;
			// height: 32px;
			width: 30px;
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			left: 30px;
		}
		.tftright {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			left: 70px;
			.tftzi {
				font-size: 14px;
			}
			p {
				font-size: 12px;
				color: #b3b3b3;
			}
		}
		.shanyou {
			display: inline-block;
			height: 12px;
			width: 15px;
			position: absolute;
			// left: 0;
			right: 16px;
			top: 50%;
			transform: translateY(-50%);
		}
	}
</style>